@model Adams.Admin.DataTransfer.Events.CreateCalendar.PageLoad
@{
    Layout = "~/Views/Events/_Layout.cshtml";
}
@section Head {
    <link rel="stylesheet" type="text/css" href="@Url.Content("/Content/farbtastic.css")" />
}
<div class="content-box">
    <!-- Start Content Box -->
    <div class="content-box-header">
        <h3>
            Calendar Details</h3>
    </div>
    <!-- End .content-box-header -->
    <div class="content-box-content">
        <form action="" method="post">
            <p>
                <label>
                    Name</label>
                <input class="text-input small-input" type="text" id="Name" value="@Model.Calendar.Name" />
                <br />
                <small>the name of the calendar</small>
            </p>
            <p>
                <label>
                    Description</label>
                <input class="text-input medium-input" type="text" id="Description" value="@Model.Calendar.Description" />
                <br />
                <small></small>
            </p>
            <p>
                <label>
                    Color</label>
                <div id="colorpicker"></div>
                <input class="text-input tiny-input" type="text" id="Color" value="@Model.Calendar.Color" />
                <br />
                <small>the color that the calendar will show under</small>
            </p>
            <p>
                <input class="button" id="submit" type="button" value="Submit" />
            </p>
        <div class="clear">
        </div>
        <!-- End .clear -->
        <input id="id" type="hidden" value="@Model.Calendar.ID" />
        </form>
    </div>
    <!-- End .content-box-content -->
</div>
<!-- End .content-box -->
@section Scripts {
    <script type="text/javascript" src="@Url.Content("/Scripts/farbtastic.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/Events/createcalendar.js")"></script>
}
